/* ===== DESKTOP NAVIGATOR ALL SIZE START ===== */

/* 整个 desktop navbar */
body > header.site-header {
  position: sticky !important; /* 要固定在上面就 sticky；不要固定改成 relative */
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 78px !important;
  min-height: 78px !important;

  padding-top: 0 !important;
  padding-right: 32px !important;
  padding-bottom: 0 !important;
  padding-left: 32px !important;

  margin: 0 !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 248, 238, 0.94) 0%,
      rgba(255, 248, 238, 0.86) 100%
    ) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;

  border-bottom: 1px solid rgba(23, 77, 50, 0.10) !important;
  box-shadow: 0 8px 28px rgba(23, 77, 50, 0.06) !important;

  z-index: 9999 !important;
  box-sizing: border-box !important;
}

/* nav container */
body > header.site-header nav,
body > header.site-header .container,
body > header.site-header .nav-container {
  position: relative !important;

  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
  height: 100% !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 28px !important;

  box-sizing: border-box !important;
}

/* brand / logo 整组 */
body > header.site-header .home-link,
body > header.site-header .site-brand,
body > header.site-header .nav-brand {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  gap: 10px !important;

  width: auto !important;
  max-width: 260px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
  white-space: nowrap !important;
}

/* 如果 HTML 里面本来有 img，就隐藏，改用下面的 url logo */
body > header.site-header .home-link img,
body > header.site-header .site-brand img,
body > header.site-header .nav-brand img {
  display: none !important;
}

/* brand 文字 */
body > header.site-header .home-link span,
body > header.site-header .site-brand span,
body > header.site-header .nav-brand span {
  color: #174d32 !important;

  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

/* Gi² 的 2 */
body > header.site-header .home-link sup,
body > header.site-header .site-brand sup,
body > header.site-header .nav-brand sup {
  color: #174d32 !important;
  font-size: 58% !important;
  line-height: 0 !important;
}

body > header.site-header .home-link img { /*Logo 左上角*/
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  object-fit: cover !important;
}

/* nav menu 整组 */
body > header.site-header .nav-links,
body > header.site-header .nav-menu,
body > header.site-header .main-nav,
body > header.site-header ul {
  position: relative !important; 
  top: 0 !important;
  left: 0 !important;   

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;

  gap: 26px !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.hero-actions .btn-primary {
  display: none !important;
}

/* nav item */
body > header.site-header li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}


/* nav links */
body > header.site-header nav a {
  position: relative !important;

  color: #355d3b !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  text-decoration: none !important;
  white-space: nowrap !important;

  padding-top: 10px !important;
  padding-right: 0 !important;
  padding-bottom: 10px !important;
  padding-left: 0 !important;

  margin: 0 !important;

  transition: color 0.2s ease, transform 0.2s ease !important;
}

/* nav hover */
body > header.site-header nav a:hover {
  color: #f26a2e !important;
}

/* nav underline */
body > header.site-header nav a::after {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  bottom: -3px !important;

  width: 0 !important;
  height: 2px !important;

  background: #f26a2e !important;
  border-radius: 999px !important;

  transition: width 0.22s ease !important;
}

body > header.site-header nav a:hover::after {
  width: 100% !important;
}

/* nav CTA button */
body > header.site-header nav a.btn,
body > header.site-header nav a[role="button"],
body > header.site-header nav .nav-cta {
  width: auto !important;
  min-width: 132px !important;

  height: 42px !important;
  min-height: 42px !important;

  padding-top: 0 !important;
  padding-right: 22px !important;
  padding-bottom: 0 !important;
  padding-left: 22px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: #174d32 !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  border: none !important;
  box-shadow: 0 12px 28px rgba(23, 77, 50, 0.16) !important;
}

/* CTA 不要 underline */
body > header.site-header nav a.btn::after,
body > header.site-header nav a[role="button"]::after,
body > header.site-header nav .nav-cta::after {
  display: none !important;
}

/* CTA hover */
body > header.site-header nav a.btn:hover,
body > header.site-header nav a[role="button"]:hover,
body > header.site-header nav .nav-cta:hover {
  background: #f26a2e !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* desktop 不显示 hamburger */
body > header.site-header .menu-toggle,
body > header.site-header .nav-toggle,
body > header.site-header .mobile-menu-toggle,
body > header.site-header .hamburger,
body > header.site-header .mobile-nav-button {
  display: none !important;
}

/* mobile drawer 在 desktop 关闭 */
body > header.site-header .mobile-menu,
body > header.site-header .nav-drawer,
body > header.site-header .drawer-menu {
  display: none !important;
}

/* ===== DESKTOP NAVIGATOR ALL SIZE END ===== */

/* ===== DESKTOP HOME HERO ALL SIZE START ============================================================================================ */

/* 整个 Home Hero */
body.home-page .hero.section-pad.reveal {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100vw !important;
  max-width: 100vw !important;

  min-height: 720px !important;
  height: 720px !important;
  max-height: 720px !important;

  padding-top: 120px !important;
  padding-right: 48px !important;
  padding-bottom: 80px !important;
  padding-left: 48px !important;

  margin-top: 0px !important;
  margin-right: calc(50% - 50vw) !important;
  margin-bottom: 0px !important;
  margin-left: calc(50% - 50vw) !important;

  background:
    linear-gradient(
      90deg,
      rgba(255, 248, 238, 0.88) 0%,
      rgba(255, 248, 238, 0.70) 34%,
      rgba(255, 248, 238, 0.18) 68%,
      rgba(255, 248, 238, 0.04) 100%
    ),
    url("assets/hero-pets-bg.png") !important; /* desktop hero 图片 */

  background-size: cover !important;
  background-position: right bottom !important;
  background-repeat: no-repeat !important;

  border-radius: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 关闭旧 overlay */
body.home-page .hero.section-pad.reveal::before,
body.home-page .hero.section-pad.reveal::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Hero container */
body.home-page .hero.section-pad.reveal .container {
  position: relative !important;

  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
  height: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  box-sizing: border-box !important;
  z-index: 2 !important;
}

/* Hero 文字整组 */
body.home-page .hero.section-pad.reveal .hero-copy {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 560px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
  z-index: 3 !important;
}

/* 小字 */
body.home-page .hero.section-pad.reveal .eyebrow {
  position: relative !important;
  left: -250px !important;
  top: -50px !important;

  color: #f26a2e !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.18em !important;

  margin-top: 0 !important;
  margin-bottom: 14px !important;

  text-transform: uppercase !important;
}

/* 大标题 */
body.home-page .hero.section-pad.reveal h1 {
  position: relative !important;
  left: -250px !important;
  top: -50px !important;

  color: #174d32 !important;
  font-size: 75px !important;
  font-weight: 900 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.04em !important;

  max-width: 1000px !important;
  width: 1000px !important;

  margin-top: 0 !important;
  margin-bottom: 22px !important;

  text-align: left !important;
}

/* 描述文字 */
body.home-page .hero.section-pad.reveal .hero-text,
body.home-page .hero.section-pad.reveal p {
  position: relative !important;
  left: -250px !important;
  top: -30px !important;

  color: #4f604d !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;

  max-width: 1000px !important;
  width: 680px !important;


  margin-top: 0 !important;
  margin-bottom: 28px !important;

  text-align: left !important;
}

/* Hero button 整组 */
body.home-page .hero.section-pad.reveal .hero-actions {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Hero button */
body.home-page .hero.section-pad.reveal .hero-actions .btn {
  width: auto !important;
  min-width: 160px !important;

  height: 48px !important;
  min-height: 48px !important;

  padding: 0 26px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;

  box-sizing: border-box !important;
}

/* 主按钮 */
body.home-page .hero.section-pad.reveal .hero-actions .btn-primary {
  background: #174d32 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 14px 32px rgba(23, 77, 50, 0.18) !important;
  display: none !important;
}

/* 第二按钮 */
body.home-page .hero.section-pad.reveal .hero-actions .btn-secondary {
  background: rgba(255, 255, 255, 0.86) !important;
  color: #174d32 !important;
  border: 1px solid rgba(23, 77, 50, 0.14) !important;
  box-shadow: 0 10px 24px rgba(23, 77, 50, 0.08) !important;
}

/* ===== DESKTOP HOME HERO ALL SIZE END ================================================================================================ */

/* ===== HOME PRODUCT HIGHLIGHT START ==================================================================================================== */

/* 整个 Product Highlight section */
body.home-page section#tofu-litter {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 100% !important;

  padding-top: 96px !important;
  padding-right: 48px !important;
  padding-bottom: 96px !important;
  padding-left: 48px !important;

  margin-top: 0px !important;
  margin-bottom: 0px !important;

  background: transparent !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Product Highlight 内容容器 */
body.home-page section#tofu-litter .home-highlight-product {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: min(1180px, 100%) !important;
  max-width: 1180px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  display: grid !important;
  grid-template-columns: 1.02fr 0.98fr !important; /* 左文字 / 右图片 */
  align-items: center !important;
  gap: 72px !important;

  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 左边文字区 */
body.home-page section#tofu-litter .home-highlight-product > div:first-child {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 560px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}

/* 小字 Product Highlight */
body.home-page section#tofu-litter .eyebrow {
  position: relative !important;
  left: 50px !important;
  top: 0px !important;

  color: #f26a2e !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.18em !important;

  margin-top: 0 !important;
  margin-bottom: 14px !important;

  text-transform: uppercase !important;
}

/* 大标题 */
body.home-page section#tofu-litter h2 {
  position: relative !important;
  left: 50px !important;
  top: 0px !important;

  color: #174d32 !important;
  font-size: 52px !important;
  font-weight: 900 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.03em !important;

  max-width: 560px !important;

  margin-top: 0 !important;
  margin-bottom: 20px !important;

  text-align: left !important;
}

/* 描述文字 */
body.home-page section#tofu-litter .home-highlight-product > div:first-child > p:not(.eyebrow) {
  position: relative !important;
  left: 50px !important;
  top: 0px !important;

  color: #5b6858 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;

  max-width: 540px !important;

  margin-top: 0 !important;
  margin-bottom: 24px !important;

  text-align: left !important;
}

/* 价钱表 */
body.home-page section#tofu-litter div.notice-box {
  position: relative !important;
  left: 50px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 520px !important;

  padding-top: 20px !important;
  padding-right: 24px !important;
  padding-bottom: 20px !important;
  padding-left: 24px !important;

  margin-top: 0 !important;
  margin-bottom: 26px !important;

  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(23, 77, 50, 0.12) !important;
  box-shadow: 0 16px 38px rgba(23, 77, 50, 0.08) !important;

  box-sizing: border-box !important;
}

/* 价钱文字 */
body.home-page section#tofu-litter div.notice-box strong {
  display: block !important;

  color: #174d32 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;

  margin-bottom: 8px !important;
}

/* 价钱说明 */
body.home-page section#tofu-litter div.notice-box span {
  display: block !important;

  color: #5b6858 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

/* View Details 按钮区域 */
body.home-page section#tofu-litter .hero-actions {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  padding: 0 !important;
}

/* View Details 按钮 */
body.home-page section#tofu-litter .hero-actions .btn {
  position: relative !important;
  left: 70px !important;
  top: 0px !important;

  width: 160px !important;
  min-width: 160px !important;

  height: 48px !important;
  min-height: 48px !important;

  padding: 0 26px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: #e91e76 !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;

  border: none !important;
  box-shadow: 0 14px 32px rgba(23, 77, 50, 0.18) !important;
  box-sizing: border-box !important;
}

/* 右边猫砂图片框 */
body.home-page section#tofu-litter .home-highlight-image-box {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 500px !important;

  height: 500px !important;
  max-height: 600 !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  padding: 10px !important;

  border-radius: 32px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(23, 77, 50, 0.12) !important;
  box-shadow: 0 24px 60px rgba(23, 77, 50, 0.10) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
  animation:  product float 4.5s
}

/* 猫砂图片本身 */
body.home-page section#tofu-litter .home-highlight-image-box img,
body.home-page section#tofu-litter .home-highlight-image-box img.card-product-photo {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center center !important;

  display: block !important;
}

/* ===== HOME PRODUCT HIGHLIGHT END =============================================================================================== */

/* ===== HOME HOW TO ORDER START ====================================================================================================== */

/* 整个 How to Order section */
body.home-page section#order {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 100% !important;

  padding-top: 96px !important;
  padding-right: 48px !important;
  padding-bottom: 96px !important;
  padding-left: 48px !important;

  margin-top: 0px !important;
  margin-bottom: 0px !important;

  background: transparent !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* container */
body.home-page section#order .container {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: min(1180px, 100%) !important;
  max-width: 1180px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 标题区域 */
body.home-page section#order .section-heading {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  max-width: 720px !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 48px !important;
  margin-left: auto !important;

  text-align: center !important;
}

/* 小字 HOW TO ORDER */
body.home-page section#order .eyebrow {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  color: #f26a2e !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.18em !important;

  margin-top: 0 !important;
  margin-bottom: 14px !important;

  text-transform: uppercase !important;
}

/* 大标题 */
body.home-page section#order h2 {
  position: relative !important;
  left: -100px !important;
  top: 0px !important;

  max-width: 2000px !important;
  width: 900px !important;


  color: #174d32 !important;
  font-size: 52px !important;
  font-weight: 900 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.03em !important;

  margin-top: 0 !important;
  margin-bottom: 18px !important;

  text-align: center !important;
}

/* 标题下面说明文字 */
body.home-page section#order .section-heading p {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  color: #f26a2e !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.7 !important;

  max-width: 660px !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  text-align: center !important;
}

/* 卡片 grid */
body.home-page section#order .grid,
body.home-page section#order .order-grid,
body.home-page section#order .steps-grid {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 26px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

/* 每个步骤卡片 */
body.home-page section#order article,
body.home-page section#order .step-card,
body.home-page section#order .order-card,
body.home-page section#order .info-card {
  position: relative !important;
  left: -300px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 100% !important;

  min-height: 230px !important;
  height: auto !important;

  padding-top: 30px !important;
  padding-right: 28px !important;
  padding-bottom: 30px !important;
  padding-left: 28px !important;

  margin: 0 !important;

  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(23, 77, 50, 0.12) !important;
  box-shadow: 0 18px 45px rgba(23, 77, 50, 0.08) !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}

/* 步骤号码 */
body.home-page section#order .step-number,
body.home-page section#order .step-badge,
body.home-page section#order article > span:first-child {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 44px !important;
  height: 44px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--orange), var(--pink));  color: #ffffff !important;

  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  margin-bottom: 18px !important;
}

/* 卡片标题 */
body.home-page section#order article h3,
body.home-page section#order .step-card h3,
body.home-page section#order .order-card h3,
body.home-page section#order .info-card h3 {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  color: #174d32 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;

  margin-top: 0 !important;
  margin-bottom: 10px !important;

  text-align: left !important;
}

/* 卡片说明文字 */
body.home-page section#order article p,
body.home-page section#order .step-card p,
body.home-page section#order .order-card p,
body.home-page section#order .info-card p {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  color: #5b6858 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;

  margin: 0 !important;

  text-align: left !important;
}

/* ===== HOW TO ORDER FORCE ONE ROW DESKTOP FIX START ===== */

/* 强制 How to Order 卡片父级变一排 */
body.home-page section#order .grid,
body.home-page section#order .order-grid,
body.home-page section#order .steps-grid,
body.home-page section#order .cards-grid,
body.home-page section#order .container > div:last-child {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important; /* 3张卡一排 */
  gap: 26px !important;

  width: 150% !important;
  max-width: 500% !important;

  margin: 0 !important;
  padding: 0 !important;

  align-items: stretch !important;
  box-sizing: border-box !important;
}

/* 每张 How to Order 卡片 */
body.home-page section#order article,
body.home-page section#order .step-card,
body.home-page section#order .order-card,
body.home-page section#order .info-card {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;

  display: block !important;
  box-sizing: border-box !important;
}

/* ===== HOW TO ORDER FORCE ONE ROW DESKTOP FIX END ===== */

/* ===== HOME MARKETPLACE START ===== */

/* 整个 Marketplace section */
body.home-page section#marketplace,
body.home-page .marketplace-section {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 100% !important;

  padding-top: 88px !important;
  padding-right: 48px !important;
  padding-bottom: 88px !important;
  padding-left: 48px !important;

  margin-top: 0px !important;
  margin-bottom: 0px !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Marketplace container */
body.home-page section#marketplace .container,
body.home-page .marketplace-section .container {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Marketplace 白色大卡片 */
body.home-page section#marketplace .marketplace-card,
body.home-page .marketplace-section .marketplace-card {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 1000px !important;

  padding-top: 42px !important;
  padding-right: 48px !important;
  padding-bottom: 42px !important;
  padding-left: 48px !important;

  margin: 0 auto !important;

  border-radius: 34px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(23, 77, 50, 0.12) !important;
  box-shadow: 0 22px 58px rgba(23, 77, 50, 0.09) !important;

  display: grid !important;
  grid-template-columns: 1fr auto !important; /* 左文字，右按钮 */
  align-items: center !important;
  gap: 48px !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Marketplace 文字区域 */
body.home-page section#marketplace .marketplace-card > div:first-child,
body.home-page .marketplace-section .marketplace-card > div:first-child {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  max-width: 680px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}

/* 小字 MARKETPLACE */
body.home-page section#marketplace .eyebrow,
body.home-page .marketplace-section .eyebrow {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  color: #f26a2e !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.18em !important;

  margin-top: 0 !important;
  margin-bottom: 14px !important;

  text-transform: uppercase !important;
}

/* Marketplace 标题 */
body.home-page section#marketplace h2,
body.home-page .marketplace-section h2 {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  color: #174d32 !important;
  font-size: 44px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;

  margin-top: 0 !important;
  margin-bottom: 16px !important;

  text-align: left !important;
}

/* Marketplace 描述文字 */
body.home-page section#marketplace p:not(.eyebrow),
body.home-page .marketplace-section p:not(.eyebrow) {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  color: #5b6858 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;

  max-width: 1000px !important;
  width: 550px !important;


  margin-top: 0 !important;
  margin-bottom: 0 !important;

  text-align: left !important;
}

/* Marketplace 按钮区域 */
body.home-page section#marketplace .marketplace-buttons,
body.home-page .marketplace-section .marketplace-buttons {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;

  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

/* Marketplace 按钮 */
body.home-page section#marketplace .marketplace-link-pill,
body.home-page .marketplace-section .marketplace-link-pill {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: auto !important;
  min-width: 180px !important;

  height: 48px !important;
  min-height: 48px !important;

  padding-top: 0 !important;
  padding-right: 26px !important;
  padding-bottom: 0 !important;
  padding-left: 26px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-sizing: border-box !important;
}

/* Shopee 按钮 */
body.home-page section#marketplace .marketplace-link-pill[href*="shopee"],
body.home-page .marketplace-section .marketplace-link-pill[href*="shopee"] {
  position: relative !important;
  left: -100px !important;
  top: 0px !important;
  background: #f28022 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 14px 32px rgba(23, 77, 50, 0.18) !important;
}

/* Lazada Coming Soon */
body.home-page section#marketplace .marketplace-buttons a[href*="lazada"],
body.home-page .marketplace-section .marketplace-buttons a[href*="lazada"] {
  position: relative !important;
  left: -99px !important;
  top: 0px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #ffffff !important;
  background: #0627b9 !important;
  border: 1px solid rgba(242, 106, 46, 0.22) !important;
  box-shadow: 0 10px 24px rgba(23, 77, 50, 0.08) !important;
  cursor: default !important;
}

/* ===== HOME MARKETPLACE END ===== */

/* ===== HOME FAQ START ===== */

/* 整个 FAQ section */
body.home-page section#faq {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 100% !important;

  padding-top: 96px !important;
  padding-right: 48px !important;
  padding-bottom: 96px !important;
  padding-left: 48px !important;

  margin-top: 0px !important;
  margin-bottom: 0px !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}

/* FAQ container */
body.home-page section#faq .container {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;
  box-sizing: border-box !important;
}

/* FAQ 标题区域 */
body.home-page section#faq .section-heading {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  max-width: 720px !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 48px !important;
  margin-left: auto !important;

  text-align: center !important;
}

/* 小字 FAQ */
body.home-page section#faq .eyebrow {
  color: #f26a2e !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.18em !important;

  margin-top: 0 !important;
  margin-bottom: 14px !important;

  text-transform: uppercase !important;
}

/* FAQ 大标题 */
body.home-page section#faq h2 {
  color: #174d32 !important;
  font-size: 60px !important;
  font-weight: 900 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.03em !important;

  margin-top: 0 !important;
  margin-bottom: 18px !important;

  text-align: center !important;
}

/* FAQ 说明文字 */
body.home-page section#faq .section-heading p {
  font-weight: 700 !important;
  line-height: 1.7 !important;

  max-width: 660px !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  text-align: center !important;
}

/* FAQ 问题列表 */
body.home-page section#faq .faq-list,
body.home-page section#faq .faq-grid,
body.home-page section#faq .grid {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* desktop 两列 */
  gap: 24px !important;

  width: 100% !important;
  max-width: 1180px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;

  box-sizing: border-box !important;
}

/* 每个 FAQ 卡片 */
body.home-page section#faq details,
body.home-page section#faq article,
body.home-page section#faq .faq-item,
body.home-page section#faq .question-card {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 100% !important;

  padding-top: 26px !important;
  padding-right: 28px !important;
  padding-bottom: 26px !important;
  padding-left: 28px !important;

  margin: 0 !important;

  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(23, 77, 50, 0.12) !important;
  box-shadow: 0 18px 45px rgba(23, 77, 50, 0.08) !important;

  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* FAQ 问题标题 */
body.home-page section#faq summary,
body.home-page section#faq h3,
body.home-page section#faq .faq-question {
  color: #174d32 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;

  margin-top: 0 !important;
  margin-bottom: 10px !important;

  padding: 0 !important;

  cursor: pointer !important;
  list-style: none !important;
}

/* 去掉默认小三角 */
body.home-page section#faq summary::-webkit-details-marker {
  display: none !important;
}

/* FAQ 答案文字 */
body.home-page section#faq details p,
body.home-page section#faq article p,
body.home-page section#faq .faq-answer,
body.home-page section#faq .faq-item p,
body.home-page section#faq .question-card p {
  color: #5b6858 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 打开时 */
body.home-page section#faq details[open] {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(242, 106, 46, 0.22) !important;
  box-shadow: 0 22px 52px rgba(23, 77, 50, 0.10) !important;
}

/* ===== HOME FAQ END ===== */

/* ===== HOME READY TO ASK START ===== */

/* 整个 Ready To Ask section */
body.home-page section:has(a[href*="wa.me"]),
body.home-page section:has(a[href*="mailto"]) {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 100% !important;

  padding-top: 88px !important;
  padding-right: 48px !important;
  padding-bottom: 88px !important;
  padding-left: 48px !important;

  margin-top: 0px !important;
  margin-bottom: 0px !important;

  background:
    radial-gradient(circle at 16% 20%, rgba(23, 77, 50, 0.13), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(255, 106, 162, 0.07), transparent 28%),
    radial-gradient(circle at 82% 82%, rgba(242, 106, 46, 0.10), transparent 30%),
    linear-gradient(135deg, #eaf5dd 0%, #fff8ee 58%, #fff1e8 100%) !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}

/* container */
body.home-page section:has(a[href*="wa.me"]) .container,
body.home-page section:has(a[href*="mailto"]) .container {
  width: min(1000px, 100%) !important;
  max-width: 1500px !important;
  height: 200px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Ready To Ask 卡片 */
body.home-page section:has(a[href*="wa.me"]) article,
body.home-page section:has(a[href*="mailto"]) article,
body.home-page section:has(a[href*="wa.me"]) .cta-card,
body.home-page section:has(a[href*="mailto"]) .cta-card,
body.home-page section:has(a[href*="wa.me"]) .contact-card,
body.home-page section:has(a[href*="mailto"]) .contact-card {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 1180px !important;

  padding-top: 48px !important;
  padding-right: 56px !important;
  padding-bottom: 48px !important;
  padding-left: 56px !important;

  margin: 0 auto !important;

  border-radius: 36px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid rgba(23, 77, 50, 0.12) !important;
  box-shadow: 0 24px 64px rgba(23, 77, 50, 0.10) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  display: grid !important;
  grid-template-columns: 1fr auto !important; /* 左文字，右按钮 */
  align-items: center !important;
  gap: 52px !important;

  box-sizing: border-box !important;
  text-align: left !important;
  overflow: visible !important;
}

/* 小字 READY TO ASK */
body.home-page section:has(a[href*="wa.me"]) .eyebrow,
body.home-page section:has(a[href*="mailto"]) .eyebrow {
  position: relative !important;
  left: 50px !important;
  top: 10px !important;
  color: #f26a2e !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.18em !important;

  margin-top: 0 !important;
  margin-bottom: 14px !important;

  text-transform: uppercase !important;
}

/* 标题 */
body.home-page section:has(a[href*="wa.me"]) h2,
body.home-page section:has(a[href*="mailto"]) h2 {
  position: relative !important;
  left: 50px !important;
  top: 10px !important;
  color: #174d32 !important;
  font-size: 44px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;

  max-width: 640px !important;

  margin-top: 0 !important;
  margin-bottom: 16px !important;

  text-align: left !important;
}

/* 描述文字 */
body.home-page section:has(a[href*="wa.me"]) p,
body.home-page section:has(a[href*="mailto"]) p {
  position: relative !important;
  left: 50px !important;
  top: 10px !important;
  color: #5b6858 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;

  max-width: 1000px !important;
  width: 600px !important;


  margin-top: 0 !important;
  margin-bottom: 0 !important;

  text-align: left !important;
}

/* 按钮整组 */
body.home-page section:has(a[href*="wa.me"]) .hero-actions,
body.home-page section:has(a[href*="mailto"]) .hero-actions,
body.home-page section:has(a[href*="wa.me"]) .cta-actions,
body.home-page section:has(a[href*="mailto"]) .cta-actions,
body.home-page section:has(a[href*="wa.me"]) .contact-actions,
body.home-page section:has(a[href*="mailto"]) .contact-actions {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;

  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

/* 所有按钮 */
body.home-page section:has(a[href*="wa.me"]) .btn,
body.home-page section:has(a[href*="mailto"]) .btn,
body.home-page section:has(a[href*="wa.me"]) a[role="button"],
body.home-page section:has(a[href*="mailto"]) a[role="button"] {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: auto !important;
  min-width: 190px !important;

  height: 48px !important;
  min-height: 48px !important;

  padding-top: 0 !important;
  padding-right: 26px !important;
  padding-bottom: 0 !important;
  padding-left: 26px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-sizing: border-box !important;
}

/* WhatsApp 按钮 */
body.home-page section:has(a[href*="wa.me"]) a[href*="wa.me"] {
  position: relative !important;
  left: 70px !important;
  top: 0px !important;
  background: #25d366 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 14px 32px rgba(47, 122, 79, 0.18) !important;
}

/* Email 按钮 */
body.home-page section:has(a[href*="mailto"]) a[href*="mailto"] {
  position: relative !important;
  left: 70px !important;
  top: 0px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #174d32 !important;
  border: 1px solid rgba(23, 77, 50, 0.16) !important;
  box-shadow: 0 10px 24px rgba(23, 77, 50, 0.08) !important;
}

/* ===== HOME READY TO ASK END ===== */
/* ===== DESKTOP HOME HERO ALL SIZE END ============================================================================================ */

/* ===== DESKTOP FOOTER ALL SIZE START ================================================================================== */

/* 整个 footer */
body > footer.site-footer {
  position: static !important; /* 不要 fixed / sticky，避免影响 scroll */

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  padding-top: 56px !important; /* footer 上方空间 */
  padding-right: 48px !important; /* footer 右边空间 */
  padding-bottom: 32px !important; /* footer 底部空间 */
  padding-left: 48px !important; /* footer 左边空间 */

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  background:
    radial-gradient(circle at 15% 20%, rgba(124, 169, 130, 0.22), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(242, 106, 46, 0.08), transparent 30%),
    linear-gradient(135deg, #dceecb 0%, #eaf5dd 48%, #fff1e8 100%) !important;

  color: #4f604d !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* 关掉可能影响 scroll 的 footer overlay */
body > footer.site-footer::before,
body > footer.site-footer::after {
  display: none !important;
  content: none !important;
  background: none !important;
  pointer-events: none !important;
}

/* footer 内容 grid */
body > footer.site-footer .footer-grid {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;

  display: grid !important;
  grid-template-columns: 1.35fr 1fr 1fr 1.35fr !important; /* 4栏比例 */
  gap: 48px !important; /* 每栏距离 */

  align-items: flex-start !important;
  text-align: left !important;

  box-sizing: border-box !important;
}

/* 每一栏 */
body > footer.site-footer .footer-grid > div {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  text-align: left !important;
  overflow: visible !important;
}

/* logo + Gi² Paws */
body > footer.site-footer .footer-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;

  margin-top: 0 !important;
  margin-bottom: 16px !important;

  padding: 0 !important;
  text-decoration: none !important;
}

/* footer logo 图片 */
body > footer.site-footer .footer-brand img {
  width: 65px !important;
  height: 65px !important;

  min-width: 48px !important;
  min-height: 48px !important;

  border-radius: 14px !important;

  object-fit: cover !important;
  object-position: center !important;

  display: block !important;
}

/* Gi² Paws 字 */
body > footer.site-footer .footer-brand span {
  color: #174d32 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

/* Gi² 的 2 */
body > footer.site-footer .footer-brand sup {
  color: #f26a2e !important;
  font-size: 58% !important;
  line-height: 0 !important;
}

/* footer description */
body > footer.site-footer .footer-text {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;
  color: #4f604d !important;

  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;

  max-width: 300px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* footer 标题：Shop / Support / Contact Us */
body > footer.site-footer h3 {
  color: #c9266f !important;

  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;

  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* footer links */
body > footer.site-footer a,
body > footer.site-footer .footer-disabled-link {
  display: block !important;

  color: #355d3b !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;

  margin-top: 0 !important;
  margin-bottom: 9px !important;

  text-decoration: none !important;
}

/* hover */
body > footer.site-footer a:hover,
body > footer.site-footer a:focus {
  color: #f26a2e !important;
  text-decoration: none !important;
}

/* Lazada Coming Soon */
body > footer.site-footer .footer-disabled-link {
  color: #f26a2e !important;
  opacity: 0.75 !important;
  cursor: default !important;
}

/* copyright 区 */
body > footer.site-footer .footer-bottom {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;

  margin-top: 36px !important; /* copyright 和上面 footer 内容距离 */
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  padding-top: 22px !important;
  padding-bottom: 0 !important;

  border-top: 1px solid rgba(23, 77, 50, 0.14) !important;

  text-align: center !important;
  box-sizing: border-box !important;
}

/* copyright 文字 */
body > footer.site-footer .footer-bottom span {
  display: block !important;

  color: #4f604d !important;

  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}

/* ===== DESKTOP FOOTER ALL SIZE END ============================================================================ */

/* ===== PRODUCT PAGE HERO DESKTOP 1920 START ========================================================================================== */

/* 整个 Product Page Hero */
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal,
body.products-page section.page-hero.section-pad.reveal,
section.product-mobile-hero.page-hero.section-pad.reveal {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100vw !important;
  max-width: 100vw !important;

  height: 720px !important;
  min-height: 720px !important;
  max-height: 720px !important;

  padding-top: 110px !important;
  padding-right: 48px !important;
  padding-bottom: 80px !important;
  padding-left: 48px !important;

  margin-top: 0px !important;
  margin-right: calc(50% - 50vw) !important;
  margin-bottom: 0px !important;
  margin-left: calc(50% - 50vw) !important;

  background:
    linear-gradient(
      90deg,
      rgba(255, 248, 238, 0.88) 0%,
      rgba(255, 248, 238, 0.68) 34%,
      rgba(255, 248, 238, 0.18) 68%,
      rgba(255, 248, 238, 0.04) 100%
    ),
    url("assets/product-hero-pets.png") !important; /* Product Hero desktop 图片 */

  background-size: cover !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;

  border-radius: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 关闭旧 overlay */
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal::before,
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal::after,
body.products-page section.page-hero.section-pad.reveal::before,
body.products-page section.page-hero.section-pad.reveal::after,
section.product-mobile-hero.page-hero.section-pad.reveal::before,
section.product-mobile-hero.page-hero.section-pad.reveal::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Hero container */
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal .container,
body.products-page section.page-hero.section-pad.reveal .container,
section.product-mobile-hero.page-hero.section-pad.reveal .container {
  position: relative !important;

  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
  height: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  box-sizing: border-box !important;
  z-index: 2 !important;
}

/* Hero 文字整组 */
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal .hero-copy,
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal .page-hero-copy,
body.products-page section.page-hero.section-pad.reveal .hero-copy,
body.products-page section.page-hero.section-pad.reveal .page-hero-copy,
section.product-mobile-hero.page-hero.section-pad.reveal .hero-copy,
section.product-mobile-hero.page-hero.section-pad.reveal .page-hero-copy {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 560px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
  z-index: 3 !important;
}

/* Hero 小字 */
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal .eyebrow,
body.products-page section.page-hero.section-pad.reveal .eyebrow,
section.product-mobile-hero.page-hero.section-pad.reveal .eyebrow {
  position: relative !important;
  left: -100px !important;
  top: -100px !important;

  color: #f26a2e !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.18em !important;

  margin-top: 0 !important;
  margin-bottom: 14px !important;

  text-transform: uppercase !important;
}

/* Hero 大标题 */
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal h1,
body.products-page section.page-hero.section-pad.reveal h1,
section.product-mobile-hero.page-hero.section-pad.reveal h1 {
  position: relative !important;
  left: -100px !important;
  top: -100px !important;

  color: #174d32 !important;
  font-size: 75px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;

  max-width: 560px !important;

  margin-top: 0 !important;
  margin-bottom: 22px !important;

  text-align: left !important;
}

/* Hero 描述文字 */
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal p,
body.products-page section.page-hero.section-pad.reveal p,
section.product-mobile-hero.page-hero.section-pad.reveal p {
  position: relative !important;
  left: 50px !important;
  top: -120px !important;

  color: #4f604d !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;

  max-width: 520px !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  text-align: left !important;
}

/* Hero button 整组，如果有 */
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal .hero-actions,
body.products-page section.page-hero.section-pad.reveal .hero-actions,
section.product-mobile-hero.page-hero.section-pad.reveal .hero-actions {
  position: relative !important;
  left: 0px !important;
  top: 28px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Hero button */
body.products-page section.product-mobile-hero.page-hero.section-pad.reveal .hero-actions .btn,
body.products-page section.page-hero.section-pad.reveal .hero-actions .btn,
section.product-mobile-hero.page-hero.section-pad.reveal .hero-actions .btn {
  width: auto !important;
  min-width: 160px !important;

  height: 48px !important;
  min-height: 48px !important;

  padding: 0 26px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: #174d32 !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;

  border: none !important;
  box-shadow: 0 14px 32px rgba(23, 77, 50, 0.18) !important;

  box-sizing: border-box !important;
}

/* ===== PRODUCT PAGE HERO DESKTOP 1920 END ========================================================================= */

/* ===== PRODUCT CATEGORY BUTTONS DESKTOP 1920 START ================================================================================= */

/* 整个 categories topbar */
section.products-with-sidebar .category-topbar {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: min(1180px, 100%) !important;
  max-width: 1180px !important;

  margin-top: 0px !important;
  margin-right: auto !important;
  margin-bottom: 42px !important; /* categories 和产品卡片距离 */
  margin-left: auto !important;

  padding-top: 28px !important;
  padding-right: 32px !important;
  padding-bottom: 28px !important;
  padding-left: 32px !important;

  border-radius: 28px !important;
  background: none!important;
  border: none !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}

/* CATEGORIES 标题 */
section.products-with-sidebar .category-topbar h3 {
  position: relative !important;
  left: -550px !important;
  top: 40px !important;

  color: #f26a2e !important;
  font-size: 35px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.10em !important;

  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 18px !important;
  margin-left: 0 !important;

  text-align: center !important;
  text-transform: uppercase !important;
}

/* 按钮整排 */
section.products-with-sidebar .category-button-row {
  position: relative !important;
  left: 0px !important;
  top: -20px !important;

  width: 100% !important;
  max-width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important; /* desktop 可以换行；不要换行改 nowrap */
  align-items: center !important;
  justify-content: center !important; /* 整排按钮居中 */

  gap: 14px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* 每个 category button */
section.products-with-sidebar .gp-category-btn {
  position: relative !important;
  left: 20px !important;
  top: 70px !important;

  width: auto !important;
  min-width: 145px !important;

  height: 46px !important;
  min-height: 46px !important;

  padding-top: 0 !important;
  padding-right: 24px !important;
  padding-bottom: 0 !important;
  padding-left: 24px !important;

  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: rgba(234, 245, 221, 0.78) !important;
  color: #174d32 !important;
  border: 1px solid rgba(23, 77, 50, 0.12) !important;

  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;

  box-shadow: 0 10px 24px rgba(23, 77, 50, 0.07) !important;
  box-sizing: border-box !important;
  cursor: pointer !important;

  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

/* active button */
section.products-with-sidebar .gp-category-btn.active {
  background: linear-gradient(135deg, #f28022, #e91e76) !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(23, 77, 50, 0.18) !important;
}

/* hover */
section.products-with-sidebar .gp-category-btn:hover,
section.products-with-sidebar .gp-category-btn:focus {
  background: linear-gradient(135deg, #f28022, #e91e76) !important;
  color: #ffffff!important;
  border-color: #ffffff!important;
  
}

/* ===== PRODUCT CATEGORY BUTTONS DESKTOP 1920 END ============================================================= */

/* ===== PRODUCT SHOP CARD DESKTOP 1920 START ===================================================================================== */

/* 非 active category 隐藏 */
section.products-with-sidebar .gp-product-section {
  display: none !important;
}

/* active 产品区 */
section.products-with-sidebar .gp-product-section.active {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: min(1180px, 100%) !important;
  max-width: 1180px !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  padding: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important; /* 4 张一排 */
  gap: 24px !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* 每张 shop card */
section.products-with-sidebar .gp-product-section.active > article.shop-card {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 28px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* 木框内层 */
section.products-with-sidebar .gp-product-section.active > article.shop-card .wood-card-inner {
  width: 100% !important;
  height: 100% !important;

  padding: 18px !important;

  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(23, 77, 50, 0.12) !important;
  box-shadow: 0 18px 45px rgba(23, 77, 50, 0.08) !important;

  box-sizing: border-box !important;
  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
}

/* 产品图片框 */
section.products-with-sidebar .gp-product-section.active .product-image.real-card-image {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 100% !important;

  aspect-ratio: 1 / 1 !important; /* 图片框比例 */
  height: auto !important;

  padding: 14px !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 18px !important;
  margin-left: auto !important;

  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(23, 77, 50, 0.10) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* 产品图片本身 */
section.products-with-sidebar .gp-product-section.active .product-image.real-card-image img.card-product-photo {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center center !important;

  display: block !important;
}

/* Free Shipping ribbon */
section.products-with-sidebar .gp-product-section.active .shipping-ribbon {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;

  z-index: 3 !important;

  padding: 7px 10px !important;

  border-radius: 999px !important;
  background: linear-gradient(135deg, #f28022, #e91e76) !important;
  color: #ffffff !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow: 0 8px 18px rgba(233, 30, 118, 0.18) !important;
}

/* 文字区域 */
section.products-with-sidebar .gp-product-section.active .shop-card-body {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;

  text-align: left !important;
}

/* Available Now */
section.products-with-sidebar .gp-product-section.active .mini-tag {
  display: inline-flex !important;
  width: fit-content !important;

  margin-top: 0 !important;
  margin-bottom: 10px !important;

  padding: 7px 10px !important;

  border-radius: 999px !important;
  background: rgba(242, 106, 46, 0.10) !important;
  color: #f26a2e !important;

  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: none !important;
}

/* 产品标题 */
section.products-with-sidebar .gp-product-section.active .shop-card-body h3 {
  position: relative !important;
  left: 0px !important;
  top: -30px !important;
  color: #174d32 !important;

  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;

  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* 产品描述 */
section.products-with-sidebar .gp-product-section.active .shop-card-body p {
  position: relative !important;
  left: 0px !important;
  top: -20px !important;
  color: #5b6858 !important;

  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;

  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* 产品资料 list */
section.products-with-sidebar .gp-product-section.active .mini-list {
  padding-left: 18px !important;

  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

section.products-with-sidebar .gp-product-section.active .mini-list li {
  position: relative !important;
  left: 0px !important;
  top: -20px !important;
  color: #5b6858 !important;

  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;

  margin-bottom: 5px !important;
}

/* 按钮区域 */
section.products-with-sidebar .gp-product-section.active .card-actions {
  margin-top: auto !important; /* 按钮推到底部 */
  margin-bottom: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

/* 所有按钮 */
section.products-with-sidebar .gp-product-section.active .card-actions .btn {
  width: 100% !important;
  max-width: 210px !important;

  height: 42px !important;
  min-height: 42px !important;

  padding: 0 18px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-sizing: border-box !important;
}

/* View Details */
section.products-with-sidebar .gp-product-section.active .card-actions .btn-primary {
  background: #174d32 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 12px 28px rgba(23, 77, 50, 0.16) !important;
}

/* WhatsApp */
section.products-with-sidebar .gp-product-section.active .card-actions .btn-secondary {
  background: rgba(255, 255, 255, 0.88) !important;
  color: #174d32 !important;
  border: 1px solid rgba(23, 77, 50, 0.14) !important;
  box-shadow: 0 8px 20px rgba(23, 77, 50, 0.07) !important;
}

/* Coming Soon box */
section.products-with-sidebar .gp-product-section.active .coming-soon-box {
  grid-column: 1 / -1 !important;

  width: 100% !important;
  max-width: 720px !important;

  margin: 0 auto !important;
  padding: 42px 48px !important;

  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(23, 77, 50, 0.12) !important;
  box-shadow: 0 18px 45px rgba(23, 77, 50, 0.08) !important;

  text-align: center !important;
  box-sizing: border-box !important;
}

/* Coming Soon 标题 */
section.products-with-sidebar .gp-product-section.active .coming-soon-box h2 {
  color: #174d32 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;

  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

/* Coming Soon 文字 */
section.products-with-sidebar .gp-product-section.active .coming-soon-box p {
  color: #5b6858 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;

  margin: 0 !important;
}

/* ===== PRODUCT CATEGORY SHOP CARD HORIZONTAL DESKTOP START ===== */

/* 非 active category 隐藏 */
section.products-with-sidebar .gp-product-section {
  display: none !important;
}

/* active category：产品卡片打横 scroll */
section.products-with-sidebar .gp-product-section.active {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important; /* 不换行，重点 */

  gap: 24px !important; /* 卡片之间距离 */

  width: 100vw !important; /* 用完整页面宽度 */
  max-width: 100vw !important;

  margin-left: calc(50% - 50vw) !important; /* 拉到屏幕最左 */
  margin-right: calc(50% - 50vw) !important; /* 拉到屏幕最右 */

  padding-top: 0px !important;
  padding-right: 48px !important;
  padding-bottom: 24px !important; /* 给 scrollbar 空间 */
  padding-left: 48px !important;

  overflow-x: auto !important; /* 左右 scroll */
  overflow-y: hidden !important;

  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;

  box-sizing: border-box !important;
}

/* 每张 shop card */
section.products-with-sidebar .gp-product-section.active > article.shop-card {
  flex: 0 0 330px !important; /* 卡片宽度 */
  width: 330px !important;
  max-width: 330px !important;

  scroll-snap-align: start !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

/* card 内层 */
section.products-with-sidebar .gp-product-section.active > article.shop-card .wood-card-inner {
  width: 100% !important;
  height: 100% !important;

  padding: 18px !important;

  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(23, 77, 50, 0.12) !important;
  box-shadow: 0 18px 45px rgba(23, 77, 50, 0.08) !important;

  display: flex !important;
  flex-direction: column !important;

  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 产品图片框 */
section.products-with-sidebar .gp-product-section.active .product-image.real-card-image {
  position: relative !important;

  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: -0px !important;

  padding: 14px !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 18px !important;
  margin-left: auto !important;

  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(23, 77, 50, 0.10) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* 产品图片 */
section.products-with-sidebar .gp-product-section.active img.card-product-photo {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center center !important;

  display: block !important;
}

/* 文字区域 */
section.products-with-sidebar .gp-product-section.active .shop-card-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;

  width: 100% !important;
  text-align: left !important;
}

/* 按钮区域 */
section.products-with-sidebar .gp-product-section.active .card-actions {
  margin-top: auto !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

/* 按钮 */
section.products-with-sidebar .gp-product-section.active .card-actions .btn {
  width: 100% !important;
  max-width: 210px !important;

  height: 42px !important;
  min-height: 42px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* View Details */
section.products-with-sidebar .gp-product-section.active .card-actions .btn-primary {
  position: relative !important;
  left: 70px !important;
  top: 0px !important;
  background: #e91e76 !important;
  color: #ffffff !important;
  border: none !important;
}

/* Free Shipping */
section.products-with-sidebar .gp-product-section.active .shipping-ribbon {
  display: none !important;
}

/* WhatsApp */
section.products-with-sidebar .gp-product-section.active .card-actions .btn-secondary {
  background: rgba(255, 255, 255, 0.88) !important;
  color: #174d32 !important;
  border: 1px solid rgba(23, 77, 50, 0.14) !important;
}

/* 横向 scrollbar */
section.products-with-sidebar .gp-product-section.active::-webkit-scrollbar {
  height: 8px !important;
}

section.products-with-sidebar .gp-product-section.active::-webkit-scrollbar-track {
  background: rgba(23, 77, 50, 0.10) !important;
  border-radius: 999px !important;
}

section.products-with-sidebar .gp-product-section.active::-webkit-scrollbar-thumb {
  background: #174d32 !important;
  border-radius: 999px !important;
}

section.products-with-sidebar .gp-product-section.active::-webkit-scrollbar-thumb:hover {
  background: #f26a2e !important;
}

section.products-with-sidebar .gp-product-section.active {
  scrollbar-width: thin !important;
  scrollbar-color: #174d32 rgba(23, 77, 50, 0.10) !important;
}

/* Coming Soon category */
section.products-with-sidebar .gp-product-section.active .coming-soon-box {
  flex: 0 0 720px !important;
  width: 720px !important;
  max-width: 720px !important;

  margin: 0 auto !important;
}

/* ===== PRODUCT SHOP CARD CENTER IN DESKTOP SCROLL START ===== */

/* 横向 scroll 区域：让卡片从中间 container 位置开始 */
section.products-with-sidebar .gp-product-section.active {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  gap: 24px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;

  /* 重点：左右空间跟 container 对齐，中间感会正常 */
  padding-left: max(48px, calc((100vw - 1180px) / 2)) !important;
  padding-right: max(48px, calc((100vw - 1180px) / 2)) !important;
  padding-bottom: 24px !important;

  box-sizing: border-box !important;
}

/* 每张 card */
section.products-with-sidebar .gp-product-section.active > article.shop-card {
  flex: 0 0 330px !important;
  width: 330px !important;
  max-width: 330px !important;

  scroll-snap-align: start !important;

  margin: 0 !important;
}

/* ===== PRODUCT SHOP CARD SCROLLBAR BOUNCE FIX START ===== */

/* 横向 slider 稳定版 */
section.products-with-sidebar .gp-product-section.active {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  justify-content: flex-start !important; /* 不要 center，不然 scrollbar 会弹 */

  gap: 24px !important;

  width: 100vw !important;
  max-width: 100vw !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  padding-left: max(48px, calc((100vw - 1180px) / 2)) !important;
  padding-right: max(48px, calc((100vw - 1180px) / 2)) !important;
  padding-bottom: 24px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type: none !important; /* 重点：先关掉自动吸附 */
  scroll-behavior: auto !important; /* 不要 smooth 自动拉回 */

  direction: ltr !important; /* 防止方向反掉 */
  box-sizing: border-box !important;
}

/* 每张卡不要 snap */
section.products-with-sidebar .gp-product-section.active > article.shop-card {
  flex: 0 0 400px !important;
  width: 400px !important;
  max-width: 400px !important;

  scroll-snap-align: none !important; /* 重点 */
  scroll-snap-stop: normal !important;

  margin: 0 !important;
}

/* ===== PRODUCT SHOP CARD SCROLLBAR BOUNCE FIX END ===== */

/* ===== PRODUCT SHOP CARD CENTER IN DESKTOP SCROLL END ===== */

/* ===== PRODUCT CATEGORY SHOP CARD HORIZONTAL DESKTOP END ===== */

/* ===== PRODUCT SHOP CARD DESKTOP 1920 END ==================================================================================== */

/* ===== COMPARISON HERO DESKTOP 1920 START ===== */

/* 整个 Comparison Hero */
body.comparison-page section.page-hero.section-pad.reveal,
body.comparison-page section.comparison-hero.section-pad.reveal,
section.comparison-hero.page-hero.section-pad.reveal {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 720px !important;
  min-height: 720px !important;
  max-height: 720px !important;

  padding-top: 110px !important;
  padding-right: 48px !important;
  padding-bottom: 80px !important;
  padding-left: 48px !important;

  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;

  background:
    linear-gradient(
      90deg,
      rgba(255, 248, 238, 0.88) 0%,
      rgba(255, 248, 238, 0.68) 34%,
      rgba(255, 248, 238, 0.18) 68%,
      rgba(255, 248, 238, 0.04) 100%
    ),
    url("assets/comparison-hero-pets.png") !important; /* Comparison hero desktop 图片 */

  background-size: cover !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;

  border-radius: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 关闭旧 overlay */
body.comparison-page section.page-hero.section-pad.reveal::before,
body.comparison-page section.page-hero.section-pad.reveal::after,
body.comparison-page section.comparison-hero.section-pad.reveal::before,
body.comparison-page section.comparison-hero.section-pad.reveal::after,
section.comparison-hero.page-hero.section-pad.reveal::before,
section.comparison-hero.page-hero.section-pad.reveal::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Hero container */
body.comparison-page section.page-hero.section-pad.reveal .container,
body.comparison-page section.comparison-hero.section-pad.reveal .container,
section.comparison-hero.page-hero.section-pad.reveal .container {
  position: relative !important;

  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
  height: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  box-sizing: border-box !important;
  z-index: 2 !important;
}

/* Hero 文字整组 */
body.comparison-page section.page-hero.section-pad.reveal .hero-copy,
body.comparison-page section.page-hero.section-pad.reveal .page-hero-copy,
body.comparison-page section.comparison-hero.section-pad.reveal .hero-copy,
body.comparison-page section.comparison-hero.section-pad.reveal .page-hero-copy,
section.comparison-hero.page-hero.section-pad.reveal .hero-copy,
section.comparison-hero.page-hero.section-pad.reveal .page-hero-copy {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;

  width: 100% !important;
  max-width: 560px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
  z-index: 3 !important;
}

/* 小字 */
body.comparison-page section.page-hero.section-pad.reveal .eyebrow,
body.comparison-page section.comparison-hero.section-pad.reveal .eyebrow,
section.comparison-hero.page-hero.section-pad.reveal .eyebrow {
  position: relative !important;
  left: -100px !important;
  top: -50px !important;

  color: #f26a2e !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.18em !important;

  margin-top: 0 !important;
  margin-bottom: 14px !important;

  text-transform: uppercase !important;
}

/* 大标题 */
body.comparison-page section.page-hero.section-pad.reveal h1,
body.comparison-page section.comparison-hero.section-pad.reveal h1,
section.comparison-hero.page-hero.section-pad.reveal h1 {
  position: relative !important;
  left: -100px !important;
  top: -50px !important;

  color: #174d32 !important;
  font-size: 75px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;

  max-width: 1000px !important;

  margin-top: 0 !important;
  margin-bottom: 22px !important;

  text-align: left !important;
}

/* 描述文字 */
body.comparison-page section.page-hero.section-pad.reveal p,
body.comparison-page section.comparison-hero.section-pad.reveal p,
section.comparison-hero.page-hero.section-pad.reveal p {
  position: relative !important;
  left: -90px !important;
  top: -50px !important;

  color: #4f604d !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;

  max-width: 520px !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  text-align: left !important;
}

/* Button 整组 */
body.comparison-page section.page-hero.section-pad.reveal .hero-actions,
body.comparison-page section.comparison-hero.section-pad.reveal .hero-actions,
section.comparison-hero.page-hero.section-pad.reveal .hero-actions {
  position: relative !important;
  left: 0px !important;
  top: 28px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Button */
body.comparison-page section.page-hero.section-pad.reveal .hero-actions .btn,
body.comparison-page section.comparison-hero.section-pad.reveal .hero-actions .btn,
section.comparison-hero.page-hero.section-pad.reveal .hero-actions .btn {
  width: auto !important;
  min-width: 160px !important;

  height: 48px !important;
  min-height: 48px !important;

  padding: 0 26px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: #174d32 !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;

  border: none !important;
  box-shadow: 0 14px 32px rgba(23, 77, 50, 0.18) !important;

  box-sizing: border-box !important;
}

/* ===== COMPARISON HERO DESKTOP 1920 END ===== */

/* ===== DESKTOP NAV HOVER LINE FIX START ===== */

/* 先清掉旧 underline / border */
body > header.site-header nav a {
  position: relative !important;

  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;

  padding-top: 12px !important;
  padding-bottom: 12px !important;

  line-height: 1.2 !important;
}

/* 清掉旧的 after */
body > header.site-header nav a::after {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  bottom: 2px !important; /* 线条上下位置，数字越小越下 */

  width: 70% !important;
  height: 2px !important;

  background: #f26a2e !important;
  border-radius: 999px !important;

  transform: translateX(-50%) scaleX(0) !important;
  transform-origin: center !important;

  transition: transform 0.22s ease !important;
}

/* hover 才显示线 */
body > header.site-header nav a:hover::after,
body > header.site-header nav a:focus::after {
  transform: translateX(-50%) scaleX(1) !important;
}

/* active/current page 不要自己多一条奇怪线 */
body > header.site-header nav a.active,
body > header.site-header nav a[aria-current="page"] {
  border-bottom: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* active/current page 如果要保持橙色字 */
body > header.site-header nav a.active,
body > header.site-header nav a[aria-current="page"] {
  color: #f26a2e !important;
}

/* button 不要 hover underline */
body > header.site-header nav a.btn::after,
body > header.site-header nav a[role="button"]::after {
  display: none !important;
  content: none !important;
}

/* ===== DESKTOP NAV HOVER LINE FIX END ===== */

/* WhatsApp 按钮 */
section.section-pad.product-detail-hero.reveal.is-visible .product-info-panel a[href*="wa.me"],
section.product-detail-hero.section-pad.reveal.is-visible .product-info-panel a[href*="wa.me"] {
  position: relative !important;
  left: 100px !important;
  min-width: 0px !important;
  width: 280px !important;
  height: 20px !important;

  background: #25d366  !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 14px 32px rgba(47, 122, 79, 0.18) !important;
}
/* 第二个按钮 */
section.section-pad.product-detail-hero.reveal.is-visible .product-info-panel .btn:nth-child(2),
section.product-detail-hero.section-pad.reveal.is-visible .product-info-panel .btn:nth-child(2) {
  position: relative !important;
  left: 100px !important;

  min-width: 210px !important;
  width: 280px !important;

  background: #f28022 !important;
  color: #fefefe !important;
  border: 1px solid rgba(23, 77, 50, 0.14) !important;
  box-shadow: 0 10px 24px rgba(23, 77, 50, 0.08) !important;
}